<!doctype html>
<html>
<head>
	<meta charset="utf-8">
	<meta content="在线查看近十年全球天气形势，分析各种天气形势的演变。利用FNL资料绘制对流层不同层次的气压场、温度场和风场等。为气象预报预测相关人员提供专业的分析平台。" name="description" />
	<meta content="气象 历史 实时 资料 查看 分析" name="keywords"/>

	<title>在线查看近十年全球天气形势-查天气-FNL资料查看</title>
	
	<link href="css/main.css" rel="stylesheet" />
	<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/ui-lightness/jquery-ui.css" type="text/css" rel="stylesheet" />
	<link href="css/jquery-ui-fix.css" rel="stylesheet" />
	  
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
	<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js"></script>
	<script src="http://current.sinaapp.com/script/jquery.ui.datepicker-zh-CN.js"></script>
	
	<script>
		
		
		$(function(){
			
			
		})
	</script>
	
	<script  type="text/javascript" src="./script/imgOnReady.js"></script>
	
	<script  type="text/javascript" src="./script/init.js"></script>
	<script type="text/javascript">

	  var _gaq = _gaq || [];
	  _gaq.push(['_setAccount', 'UA-9425897-6']);
	  _gaq.push(['_setDomainName', 'chatianqi.org']);
	  _gaq.push(['_trackPageview']);

	  (function() {
		var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
		ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
		var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
	  })();

	</script>
</head>

<body>
	<div id=toolbar>
		<!-- <div class='back-color'></div>
		
		<div id='button-set'><button id='moveleft'><</button><button id=moveright>></button></div>
		
		-->
		<h1>查天气形势</h1>	
		
		<div id="search-bar" class='home-search'>
			<div id='select-date'>
				<label for='addoneDate'>选择日期</label><input type="date" size='12' maxlength="10" id="addoneDate" value='2012-02-29' />
				<select id='addoneHour'>
					<option value="00" selected>00时</option>
					<option value="06">06时</option>
					<option value="12">12时</option>
					<option value="18">18时</option>
				</select>
			</div>
			<a id='addone'  title='增加一个时次' href='#view'>查看</a>
		</div>
		
		<div id="set-bar">
			<button id='display-set'>设置</button>
			
		</div>

		<div class='cls'></div>
	</div>
	
	<div id=content>
		
		<div id='app-set'>
			<div id='setchange'>
				<button id='cancle-set'>取消</button>
				<button id='apply-set'>应用</button>
				
			</div>
			<div id='element-set'>
				<h3>要素</h3>
				<ul>
					<li><input type=checkbox id='showtemph' name='showtemph' checked><label for='showtemph'>温度场</label></li>
					<li><input type=checkbox id='showheight' name='showheight' checked><label for='showheight'>高度场</label></li>
					<li><input type=checkbox id='showwind' name='showwind' checked><label for='showwind'>风场</label></li>
					<li><input type=checkbox id='showhumidity' name='showhumidity'><label for='showhumidity'>湿度场</label></li>
				</ul>
			</div>
			<div id='overlay-set'>
				<h3>层</h3>
				<ul>
					<li><input type=checkbox id='show200hPa' overlay=200><label for='show200hPa'>200hPa</label></li>
					<li><input type=checkbox id='show500hPa' overlay=500 checked><label for='show500hPa'>500hPa</label></li>
					<li><input type=checkbox id='show700hPa' overlay=700 checked><label for='show700hPa'>700hPa</label></li>
					<li><input type=checkbox id='show850hPa' overlay=850><label for='show850hPa'>850hPa</label></li>
					<li><input type=checkbox id='show925hPa' overlay=925><label for='show925hPa'>925hPa</label></li>
					<li><input type=checkbox id='show1000hPa' overlay=1000><label for='show1000hPa'>海平面</label></li>
				</ul>
			</div>
			<div id='image-set'>
				<h3>图片</h3>
				<ul>
					<li><label for='imgwidth'>宽度：</label><input type=number id='imgwidth' name='imgwidth' value=800 size=4></li>
					<li><label for='imgheight'>高度：</label><input type=number id='imgheight' value=560 size=4></li>
					<li><label>经度范围：</label><input type=number id='minlon' name='minlon' value=70 size=3>-<input type=number id='maxlon' name='maxlon' value=130 size=3></li>
					<li><label>纬度范围：</label><input type=number id='minlat' name='minlat' value=20 size=2>-<input type=number id='maxlat' name='maxlat' value=55 size=2></li>
					<li><h4>中心点经纬度</h4>
						<label for='centerlon'>经度：</label><input type=number id='centerlon' name='centerlon' value=105 size=3>
						<label for='centerlat'>纬度：</label><input type=number id='centerlat' name='centerlat' value=30 size=2>
					</li>
					<li>
						<label for=projection>投影方式：</label>
						<select name=projection id=projection>
						  <option value="LambertConformal" selected>Lambert保形圆锥投影</option>
						  <option value="Mercator">Mercator圆柱投影</option>
						  <option value="CylindricalEqualArea">圆柱等面积投影</option>
						  <option value="LambertEqualArea">Lambert方位角等面积投影</option>
						</select>
					</li>
					
				</ul>
			</div>
		</div>
		
		<div id=description>

		</div>
		
		<div id=nextone class='onetime' timestr=2015062406>
			<div class='time-title'>
				<div class='delete-one' title='删除这个时次'>×</div>
				<h3>2010-09-03日 06时</h3>
			</div>
			<div class=overlay num=500>
				<div class='pic-frame'>
					<div class='pic-bound'>
						正在加载数据...
						<img class='fnlpic'>
					</div>
				</div>
			</div>
		</div>

		<div class='cls'></div>
	</div>
	<div id='footbar'>
		<a class='donate' href='http://me.alipay.com/wait' title='您的捐助将有助于我把网站做得更好' >捐助</a>
		<div class='fright'>
			    <a href='http://t.qq.com/chatianqi_org'><img src='./pics/qq-weibo.png' title="腾讯微博"></a>
				<a href='http://weibo.com/nzty'><img src='./pics/sina-weibo.png' title="新浪微博"></a>
				<a href='https://twitter.com/#!/likev'><img src='./pics/logo_twitter.png' title="twitter"></a>
		</div>
	</div> 

</body>
</html>
